<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <!--<meta name="viewport" content="width=max-device-width, initial-scale=1.0">-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>Donde Reciclo Coca Cola APP</title>
        <![if !IE]>
	<link rel="stylesheet" type="text/css" href="../resources/js/plugins/bootstrap/css/bootstrap.min.css">
        <![endif]>
        <!--[if gt IE 8]>
            <link rel="stylesheet" type="text/css" href="./resources/js/plugins/bootstrap/css/bootstrap.min.css">
        <![endif]-->
        <link rel="stylesheet" type="text/css" href="../resources/js/plugins/bootstrap/css/bootstrap-responsive.min.css">
        <link rel="stylesheet" type="text/css" href="../resources/css/styles.css">
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript" src="../resources/js/plugins/domSelectors/domSelectors.js"></script>
        <script type="text/javascript" src="../resources/js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="../resources/js/jquery-ui-1.8.1.custom.js"></script>
        <script type="text/javascript" src="../resources/js/plugins/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../resources/js/plugins/iscroll/iscroll.js"></script>
        <script type="text/javascript" src="../resources/js/infobox.js"></script>
        <script type="text/javascript" src="../resources/js/replacer.js"></script>
        <script type="text/javascript" src="../resources/js/geolocation.js"></script>
        <script type="text/javascript" src="js/init.js"></script>
        <script type="text/javascript" src="../resources/js/script.js"></script>
        <script type="text/javascript" src="../resources/js/buscador.js"></script>
    </head>
    <body>
        <div id="mapa-page" class="container" style="width: 100%">
            <header id="header" class="row-fluid">
                <div class="nav-sup">
                    <div class="container header-container">
                        <div class="navbar">
                            <a class="brand section logo" href="http://dondereciclo.org.ar/" target="_blank">
                                <img src="../resources/img/logo-donde-reciclo.png" alt="DondeReciclo.org" title="DondeReciclo.org"/>
                            </a>
                            <form id="mapa-search-form" class="form-search span6">
                                <input type="text" id="mapa-search-input" class="input-medium span4" placeholder="Busc&aacute; tu punto m&aacute;s cercano..."/>
                                <button id="btn-search" type="submit" class="btn btn-green span3">
                                    <span class="icons icon-search-white"></span>
                                </button>
                                <!--<a id="btn-carga-tu-punto" class="btn " href="http://www.dondereciclo.org.ar/comparti-tu-punto" target="_blank">
                                    Compart&iacute; tu punto
                                </a>-->
                            </form>
                            <a class="brand section span2 span-right logo2" href="http://cocacoladeargentina.com.ar/" target="_blank">
                                <img src="../resources/img/logo-coca-cola.png" alt="Coca Cola Viviendo Positivamente" title="Coca Cola Viviendo Positivamente"/>
                            </a>
                        </div>
                    </div>
                </div>
            </header>

            <section id="mapa-container" class="row-fluid">
                <div id="mapa-content" class="span">
                </div>
            </section>
        </div>

        <!-- INFOBOX -->
        <textarea id="infoboxContent" style="display: none">
            <img src="../resources/img/arrows/generic.png" />
            <div class="content">
                <p><strong>${markerNombre}</strong><br />
                ${markerDireccion}<br />
                ${categoriasToString}</p>
            </div>
        </textarea>
        <!-- FIN INFOBOX -->

        <!-- INFOMARKER -->
        <textarea id="infomarkerTpl" style="display: none">
            <div class="scrollear">
            <div class="content">
                <div id="datos-row" class="span">
                    <h3 class="title">${nombre}<em class=""></em></h3>
                    <ul class="span12 info-list box-list">
                        <li id="address-item" class="box-item span6">
                            <b class="title-item">Direcci&oacute;n:&nbsp;</b><span class="val">${direccion}</span>
                        </li>
                        <li id="hour-item" class="box-item span6">
                            <b class="title-item">Horario:&nbsp;</b><span class="val">${horario}</span>
                        </li>
                        <li id="phone-item" class="box-item span6">
                            <b class="title-item">Telefono:&nbsp;</b><span class="val">${telefono}</span>
                        </li>
                        <li id="email-item" class="box-item span6">
                            <b class="title-item">Email: </b><span class="val">${email}</span>
                        </li>
                        <li id="recive-item" class="box-item span12" style="margin-left: 0">
                            <b class="title-item">Reciben:&nbsp;</b>
                            <span class="val">
                                ${classyCategories}                         
                            </span>
                        </li>
                        <li id="description-item" class="box-item span12">
                            <b class="title-item">Descripcion:</b>
                            <p class="description">${comentario}</p>
                        </li>
                    </ul>
                </div>
		</div>
            </div>
            <input id="btn-expand-markers-details" type="button">
        </textarea>
        <!-- FIN INFOMARKER -->
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            
            ga('create', 'UA-41303183-1', 'dondereciclo.org.ar');
            ga('send', 'pageview');
            
        </script>
    </body>
</html>
